define(['./css/view.css'], function(require, exports, module) {

    var popup;
    var list;
    var currentItem;

    function getHtml(data) {
        list = data.list;
        var html = '';
        html += '<div class="popup-gallery" style="display: block;">';
        html += '<div class="popup-gallery-l">';
        html += '<div class="popup-gallery-main">';
        html += '<div class="popup-gallery-photoarea"><img src="" title="下一张"><div class="popup-gallery-loader" style="display: none;"></div>';
        html += '</div>';
        html += '<div class="popup-gallery-lbtn" title="上一张"></div>';
        html += '<div class="popup-gallery-rbtn" title="下一张"></div>';
        html += '<div class="popup-gallery-pinfo">';
        html += '<div class="popup-gallery-pinfo-inner clearfix">';
        html += '<div class="popup-gallery-progress"><q>23</q>/<span>30</span></div>';
        html += '<p class="popup-gallery-photonote"></p>';
        html += '</div>';
        html += '</div>';
        html += '</div>';
        html += '</div>';
        html += '<div class="popup-gallery-r">';
        html += '<div class="popup-gallery-r-m"><h1></h1>';
        html += '<div class="popup-gallery-actions clearfix">';
        html += '<a class="popup-gallery-comment" href="" target="_blank">评论(<span>16</span>)</a>';
        html += '<div class="popup-gallery-share">';
        html += '<div class="popup-gallery-share-icon">分享</div>';
        html += '<a class="sina" target="_self" href="javascript:void(0);"></a>';
        html += '<a class="qzone" target="_self" href="javascript:void(0);"></a>';
        html += '<a class="renren" target="_self" href="javascript:void(0);"></a>';
        html += '</div>';
        html += '</div>';
        html += '<div class="popup-gallery-thumb">';
        html += '<div class="popup-gallery-thumb-box">';
        html += '<ul class="clearfix">';
        html += '<li>';
        html += '<ol>';
        for (var i in list) {
            var d = list[i];
            html += '<li item="' + i + '" class="">' +
            '<img src="' + d.thumbSrc + '" onload="this.style.visibility=\'visible\';" style="visibility: visible;">' +
            '</li>';
        }
        html += '</ol>';
        html += '</li>';
        html += '</ul>';
        html += '</div>';
        html += '<div class="popup-gallery-thumb-paging">';
        html += '<ol class="clearfix">';
        html += '</ol>';
        html += '</div>';
        html += '</div>';
        html += '<div class="popup-gallery-autoinfo clearfix"><a href="#" target="_blank"></a></div>';
        html += '</div>';
        html += '<div class="popup-gallery-logo clearfix">';
        html += '<div class="popup-gallery-logo-ad right"></div>';
        html += '</div>';
        html += '<div class="popup-gallery-footer"><a target="_blank" href="http://money.163.com/?from=wyyt"></a><span>2015-06-02 12:12:39</span>';
        html += '</div>';
        html += '<div class="popup-gallery-close"><p>返回</p></div>';
        html += '</div>';
        html += '</div>';
        popup = $(html);
        show(data.current);
    }

    function showHtml() {
        $('body').append(popup);
    }

    function bindEvent() {
        popup.find('li img').on('load', function() {
            var w = $(this).width();
            var h = $(this).height();
            if (w < h) {
                this.style.maxWidth = '70px';
            } else {
                this.style.maxHeight = '70px';
            }
        }).on('click', function() {
            var item = $(this).parent().attr('item');
            show(item);
        });
        popup.find('.popup-gallery-close').on('click', function() {
            close();
        });
        popup.find('.popup-gallery-rbtn').on('click', function() {
            next();
        });
        popup.find('.popup-gallery-photoarea img').on('click', function() {
            next();
        });
        popup.find('.popup-gallery-lbtn').on('click', function() {
            prev();
        });
    }

    function show(item) {
        var sum = list.length;
        item = parseInt(item);
        if (item >= sum) {
            item = sum - 1;
        }
        if (item < 0) {
            item = 0;
        }
        var d = list[item];
        popup.find('.popup-gallery-photonote').html(d.desc);
        popup.find('.popup-gallery-r-m h1').html(d.title);
        popup.find('.popup-gallery-progress q').html(item + 1);
        popup.find('.popup-gallery-progress span').html(sum);
        var obj = popup.find('.popup-gallery-photoarea img');
        var img = new Image();
        img.onload = function() {
            var maxWidth = 625;
            var css = {}
            var pw = obj.parent().width();
            var ph = obj.parent().height();
            var w = obj.width();
            var h = obj.height();
            var left = (pw - w) / 2;
            var top = (ph - h) / 2;
            css.left = left + 'px';
            css.top = top + 'px';
            obj.css(css);
        };
        img.src = d.src;
        obj.fadeOut(function() {
            obj.attr('src', d.src);
            obj.fadeIn();
        });
        popup.find('li').removeClass('current');
        popup.find('li[item="' + item + '"]').addClass('current');
        currentItem = item;
    }

    function next() {
        currentItem++;
        show(currentItem);
    }

    function prev() {
        currentItem--;
        show(currentItem);
    }

    function close() {
        popup.remove();
    }

    exports.init = function() {
        var data = {
            current: 0,
            list: [
                {
                    thumbSrc: 'http://img3.cache.netease.com/photo/0001/2015-05-27/AQKS9STQ57KT0001.jpg',
                    src: 'http://img3.cache.netease.com/photo/0001/2015-05-27/AQKS9STQ57KT0001.jpg',
                    title: '标题1',
                    desc: '被动吸烟，又称之为间接吸烟，是指不吸烟者在吸烟者所造成的烟气环境中，被迫吸入烟气的过程。被动吸烟会使冠状动脉动血液循环及肺功能受到损害。在美国、希腊、英国、瑞典、俄国、日本和中国等国家进行的一些研究发现，在终生不吸烟但其丈夫吸烟的女性中，接触环境中香烟烟雾与肺癌发生之间有明显的联系，被动吸烟可使发生肺癌的危险性增加30%。广告标语写着：在英国，“二手烟”导致每年1万7千名儿童入院。'
                },
                {
                    thumbSrc: 'http://img3.cache.netease.com/photo/0001/2015-05-27/AQKS9R0H57KT0001.jpg',
                    src: 'http://img3.cache.netease.com/photo/0001/2015-05-27/AQKS9R0H57KT0001.jpg',
                    title: '标题1',
                    desc: '被动吸烟，又称之为间接吸烟，是指不吸烟者在吸烟者所造成的烟气环境中，被迫吸入烟气的过程。被动吸烟会使冠状动脉动血液循环及肺功能受到损害。在美国、希腊、英国、瑞典、俄国、日本和中国等国家进行的一些研究发现，在终生不吸烟但其丈夫吸烟的女性中，接触环境中香烟烟雾与肺癌发生之间有明显的联系，被动吸烟可使发生肺癌的危险性增加30%。广告标语写着：在英国，“二手烟”导致每年1万7千名儿童入院。'
                },
                {
                    thumbSrc: 'http://img3.cache.netease.com/photo/0001/2015-05-27/AQKS9STQ57KT0001.jpg',
                    src: 'http://img3.cache.netease.com/photo/0001/2015-05-27/AQKS9STQ57KT0001.jpg',
                    title: '标题1',
                    desc: '被动吸烟，又称之为间接吸烟，是指不吸烟者在吸烟者所造成的烟气环境中，被迫吸入烟气的过程。被动吸烟会使冠状动脉动血液循环及肺功能受到损害。在美国、希腊、英国、瑞典、俄国、日本和中国等国家进行的一些研究发现，在终生不吸烟但其丈夫吸烟的女性中，接触环境中香烟烟雾与肺癌发生之间有明显的联系，被动吸烟可使发生肺癌的危险性增加30%。广告标语写着：在英国，“二手烟”导致每年1万7千名儿童入院。'
                }
            ]
        };
        getHtml(data);
        showHtml();
        bindEvent();
    }
});